<template>
  <div class="room-header">
    <van-nav-bar
      class="header-content"
      :title="title"
      right-text="按钮"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    >
      <van-icon name="user-o" slot="right" />
    </van-nav-bar>
    <van-notice-bar :scrollable="false">
      <van-tag class="tag" type="danger">减</van-tag
      >满50减5；满100减10；满300减50
    </van-notice-bar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      title: "维也纳酒店"
    };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
    onClickRight() {
      this.$toast("按钮");
    }
  }
};
</script>

<style lang="stylus" scoped>
.room-header {
  >>> .van-icon {
    color: #333;
    font-size: 0.533rem;
  }

  .tag {
    margin-right: 0.4rem;
  }

  .icon {
    font-size: 0.64rem;
  }
}
</style>
